<template>
    <div class="bgc">
        <div class="box">
            <img alt="" src="@/assets/svg/Vaccine-amico.svg"/>
            <el-divider direction="vertical" style="height: 100%"/>
            <div class="loginForm">
                <login_form/>
            </div>
        </div>
        <el-link :underline="false" class="span" href="https://beian.miit.gov.cn" target="_blank">
            Copyright © 2022 冀ICP备2022020215号
        </el-link>
    </div>
</template>

<script lang='ts' setup>

import Login_form from '@/components/Login/loginForm.vue'
// MARK 2023-4-10 9:23:页面的展示待改进
</script>
<style lang="scss" scoped>
body {
  position: relative;

  .bgc {
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, var(--el-color-danger-light-7) 0%, var(--el-color-primary-light-5) 100%);
  }

  .box {
    height: 400px;
    width: 670px;
    padding: 10px;
    border: 1px solid var(--el-color-info-light-3);
    border-radius: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;

    img {
      object-fit: cover;
    }

    .loginForm {
      padding: 20px 20px 0;
    }
  }

  .span {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: var(--el-text-color-primary);
  }
}


</style>